{% extends 'tend/common/base.html' %}
{% import "tend/macros/_patination.html" as page_macros %}
{% import "tend/macros/_flash.html" as flash_macros %}
{% block main %}
<div class="container">
    <div class="row tool-list">


        <div class="col-md-6 col-lg-4 col-xl-3 px-lg-2 mb-3">
            <div class="card rounded-6">
                <div class="card-header p-2 tool-header">
                    <a href="{{url_for('main.tool.markdown_editor')}}">
                        <img class="w-25 float-left mr-2" src="{{url_for('main.static', filename='img/tool/editormd-logo-96x96.png')}}"
                            alt="Markdown编辑器">
                        <h2 class="card-title">Markdown编辑器</h2>
                    </a>
                    <p class="mb-0">[办公工具]</p>
                </div>
                <div class="card-body p-3 tool-des">
                    <p class="card-text">基于开源项目 Editor.md 的在线 markdown 编辑器，拥有强大的编辑能力和全面的语法支持</p>
                </div>
            </div>
        </div>

        <div class="col-md-6 col-lg-4 col-xl-3 px-lg-2 mb-3">
            <div class="card rounded-6">
                <div class="card-header p-2 tool-header">
                    <a href="{{url_for('main.tool.cron')}}">
                        <img class="w-25 float-left mr-2" src="{{url_for('main.static', filename='img/tool/word-cloud.png')}}" alt="定时任务">
                        <h2 class="card-title">定时任务</h2>
                    </a>
                    <p class="mb-0">[自动工具]</p>
                </div>
                <div class="card-body p-3 tool-des">
                    <p class="card-text">通过Cron表达式生成器,可以在线生成任务调度比如Quartz的Cron表达式,对Quartz Cron 表达式的可视化双向解析和生成.</p>
                </div>
            </div>
        </div>


    </div>
</div>

{% endblock %}